// pages/index/animation/animation.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    images: [
      'https://smalla.oss-cn-guangzhou.aliyuncs.com/pen1.svg',
      'https://smalla.oss-cn-guangzhou.aliyuncs.com/pen2.svg',
      'https://smalla.oss-cn-guangzhou.aliyuncs.com/pen3.svg',
      'https://smalla.oss-cn-guangzhou.aliyuncs.com/pen4.svg'
    ], //动画显示的图片
    currentIndex: 0, // 当前显示的图片索引
  },

  attached: function () {
    this.startImageCycle(); // 组件加载时开始动画效果
  },
  /**
   * 组件的方法列表
   */
  methods: {
    startImageCycle: function () {
      const that = this;
      setInterval(function () {
        let newIndex = that.data.currentIndex + 1;
        if (newIndex >= that.data.images.length) {
          newIndex = 0; // 如果到了最后一张，重新从第一张开始
        }
        that.setData({
          currentIndex: newIndex,
        });
      }, 800);
    },

  }
})